/*
    Document   : main
    Created on : 20.4.2011, 12:28:17
    Author     : peto
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
*{border: 0px;margin:0px;}
body{font-family: tahoma, arila; background: #f6f6f6; }
#topline{ background: #f47920; height: 15px; padding: 5px 20px;font-size: 12px;color:#fff;}
#header{ height: 25px; background: #ececec; padding: 20px;}
#header strong a{ color: #f47920; font-size: 25px; letter-spacing: 2px; font-weight: normal; text-decoration: none; }
#menu{	height: 38px;	background: #dcdedc url(../images/menu_bg.png) repeat-x 0 3px; margin-bottom: 25px;}
#menu ul {padding: 0;}
#menu ul li{list-style-type: none;display: block;float: left;height: 38px;position:relative;}
#menu ul li a{float: left;background: url(../images/menu_bg.png) repeat-x;border-top: 3px solid #dcdedc;border-right: 1px solid #dcdcdc;
	padding: 9px 20px;height: 17px;color: #888888;font-size: 12px;text-transform: uppercase;display: block; text-decoration: none;}
#menu ul li a:hover{border-top: 3px solid #ff7f50;color: #ff7f50;}
#menu ul ul{position:absolute;z-index:999;top:37px;padding:10px 0px;background:#fbfbfb;width:200px;border: 1px solid #dcdcdc;left:-1px;-webkit-box-shadow: 5px 5px 5px #a1a1a1;-moz-box-shadow: 5px 5px 5px #a1a1a1;box-shadow: 5px 5px 5px #a1a1a1;display:none; }
#menu ul ul li{margin:2px;}
#menu ul ul a{background:#f7f7f7;border:none;text-transform:none;color:#555;text-decoration:underline;padding:5px!important;width:186px;}
#menu ul ul a:hover{background:orange;width:186px;padding:5px!important;color:#fff!important;border:none;text-transform:none;color:#555;text-decoration:none;}
#active ul{display: block!important;}
table{margin:20px;width:900px;border-collapse:collapse;text-align:center;}
table tr{background:#fcfcfc; font-size:14px; }
table tr td{padding:5px 10px;border:1px solid #ccc;}
table tr th{padding:8px 10px;background:#e0e0e0}
h2{ display: block;padding:5px 10px;margin: 15px 10px; font-size: 18px; color: #333;}
.box,#nav{padding:10px;background:#ececec; width: 800px;margin:10px;border:1px solid #ccc;}
.box label{ display: block; float: left; width: 150px; }
.box select{border:1px solid #ccc;padding:2px 4px; min-width: 150px;}
.box input{border:1px solid #ccc; width: 250px; padding: 3px 3px;}
.box{position:relative;}
input.l{width:500px;}
#button{ padding: 8px 20px; background: #f47920;margin: 15px;color:#fff;font-weight: bold;border: 4px solid #fff; cursor: pointer;}
#button:hover{ background:#ff7f50;}
.error{ margin:15px;background:#fff6f6 url(../images/error.png) no-repeat 5px 50%; padding:10px 10px 10px 40px;border:1px solid #ffd5d5;width:760px;color:#dd4d4d;font-size:12px;font-weight:bold;}

.alert{display:block;background:#fffdf8 url(../images/alert.png) no-repeat 5px 50%;padding:15px 0 15px 70px;border:1px solid #fff5e3;color:#f48703;}
#newmatches{margin:10px;padding:15px;background:#fcfcfc;width:790px;border:3px solid #fff;margin-top:20px;} 
#newmatches .box{width:750px;}


#nav{}
#nav li{display:inline;margin-rightt:10px;padding:0px 20px 5px 20px;border-left:1px solid #ccc;text-align:center; }
#nav li:first-child{border:none;}
#nav li a{color:#333; font-weight:bold;font-size: 13px;}
#nav li a:hover{color:#000; font-weight:bold;font-size: 13px;text-decoration:none;}

.odd{background:#f5f5f5;}
table.match {width:800px;border:1px solid #e0e0e0!important;}
.label{width:120px;border-right:3px solid #efefef!important;text-align:right;font-weight:bold;color:#585858;font-size:13px;}
.match tr td{border:none;padding:5px 10px;color:#8d8d8d;}
.match input{border:1px solid #e0e0e0;padding:2px 5px;margin:1px 5px;}
.match a{color:#e67200;font-size:12px;}
.match a:hover{ text-decoration: none; color: #dd4d4d;}
.match input{border:1px solid #e0e0e0;padding:2px 5px;margin:1px 5px;}
.match a{color:#e67200;font-size:12px;}

#loader_league,#loader_match{z-index: 99;display:none;background:#f8fef0;border:3px solid #dafcb1;padding:20px 30px;position:absolute;right:10px;top:-10px;text-align:center;color:#3d6310;font-weight:bold;font-size:12px;}

.error {
  border: solid 1px red; 
  background: yellow url('../images/error.png') 5px 50% no-repeat; 
  padding: 10px 10px 10px 42px;
    
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;    
}

.success {
  border: solid 1px black; 
  background: greenyellow url('../images/success.png') 5px 50% no-repeat;
  padding: 10px 10px 10px 42px;
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;      
}
